﻿<%@ Page Title="Viagem ao Rio" Language="C#" MasterPageFile="~/fotosMain.Master" AutoEventWireup="true" CodeBehind="TardeRecreativa.aspx.cs"
    Inherits="Presentation.Pages.TardeRecreativa" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>Tarde Recreativa</title>
    <link href="../Gallery/galeria.css" rel="stylesheet" type="text/css" />
    <script src="../Gallery/jquery.js" type="text/javascript"></script>
    <script src="../Gallery/jquery.galleria.pack.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(function ($) {
            $('.gallery_demo_unstyled').addClass('gallery_demo');
            $('ul.gallery_demo').galleria({
                history: true, // ativa a legenda da foto ampliada
                clickNext: true, // ativa o link sobre a imagem ampliada para a próxima
                insert: '#main_image', // nome do div onde aparecerá a imagem ampliada
                onImage: function (image, caption, thumb) {

                    // efeito na imagem e na legenda
                    if (!($.browser.mozilla && navigator.appVersion.indexOf("Win") != -1)) {
                        image.css('display', 'none').fadeIn(1000);
                    }
                    caption.css('display', 'none').fadeIn(1000);
                    var _li = thumb.parents('li');
                    _li.siblings().children('img.selected').fadeTo(500, 0.3);
                    thumb.fadeTo('fast', 1).addClass('selected');
                    // adiciona um título para a imagem ampliada
                    image.attr('title', 'Próxima imagem >>');
                },
                onThumb: function (thumb) {
                    var _li = thumb.parents('li');
                    var _fadeTo = _li.is('.active') ? '1' : '0.3';
                    // efeito ao carregar os thumbs
                    thumb.css({ display: 'none', opacity: _fadeTo }).fadeIn(1500);
                    // efeito ao colocar o mouse em cima do thumb
                    thumb.hover(
                    function () { thumb.fadeTo('fast', 1); },
                    function () { _li.not('.active').children('img').fadeTo('fast', 0.3); }
                )
                }
            });
        });
    </script>
    <link href="../styles.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:Label ID="Label1" runat="server" Text="Tarde Recreativa" ForeColor="Blue"
        Font-Bold="True" Font-Italic="True" Font-Size="X-Large" Font-Underline="True"></asp:Label>
        <br />
        <br />
        <br />
    <div id="main_image">
    </div>
    <ul class="gallery_demo">
        <li class="active">
            <img src="../fotos/TardeRecreativa/DSCN4231.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4232.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4483.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4235.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4236.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4237.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4241.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4242.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4243.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4246.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4247.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4249.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4252.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4259.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4265.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4267.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4268.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4269.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4275.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4294.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4295.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4300.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4305.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4311.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4313.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4314.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4331.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4333.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4334.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4335.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4336.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4337.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4338.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4339.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4340.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4345.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4346.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4347.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4348.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4349.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4351.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4352.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4353.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4354.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4355.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4357.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4360.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4361.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4362.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4363.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4366.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4368.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4369.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4371.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4373.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4374.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4375.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4384.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4393.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4402.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4411.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4413.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4421.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4422.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4423.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4426.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4431.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4452.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4453.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4457.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4458.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4462.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4467.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4468.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4471.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4481.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
        <li><img src="../fotos/TardeRecreativa/DSCN4482.JPG" alt="Tarde Recreativa" title="Tarde Recreativa" /></li>
    </ul>
</asp:Content>
